<template>
  <div>
    <!-- <el-row :gutter="20">
      <el-col :span="6"><div class="grid-content bg-purple"></el-col>
      <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
      <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
      <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
    </el-row> -->
    <el-card>
      <el-row :gutter="20">
        <el-col :span="6"
          ><div class="grid-content ep-bg-purple" />
          <el-input placeholder="zzzzz">
            <template #append>
              <el-button :icon="Search">搜索</el-button>
            </template>
          </el-input>
        </el-col>
        <el-col :span="6"
          ><div class="grid-content ep-bg-purple" />
          <el-button type="primary">按钮</el-button>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const active = ref(0)

const next = () => {
  if (active.value++ > 2) active.value = 0
}
</script>

<style lang="sass" scoped></style>
